<script>
export default {
  //轮播图主页
  name: "desk1",
  data() {
    return {
      admin: '',
      userId1: '',
      //页号
      pageNo:1,
      //页大小
      pageSize:4,
      Lbts: [
      ]
    }
  },
  methods: {
    selectLbt(){
      this.$axios.get(`Lbt/All/${this.pageNo}/${this.pageSize}`).then((r=>{
        console.log("data",r.data.rows)
        this.Lbts=r.data.rows;
      }))
    }
  },
  created() {
    this.selectLbt();
  },
}
</script>

<template>
  <div id="desk1">
    <el-carousel indicator-position="outside" arrow="hover" height="700px" >
      <el-carousel-item   v-for="Lbt in Lbts" :key="Lbt.id">
        <el-image
            :src="Lbt.image"
            style="width: 1600px; height: 700px"
            @click="$router.push(`/desk2-1/${Lbt.id}`)"
        />
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<style scoped>

</style>